<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Innovation Cloud</title>
    <link href="../resource/css/InnovationcloudStyle.css" rel="stylesheet">
    <!--<link href="../resource/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet">-->
</head>
<body>
    <div class="header">
        <div class="container">
            <h1>Innovation Cloud</h1>
            <p>connect your ideas globally</p>
            <a class="btn-innovation" href="#">Learn More</a>
        </div>
    </div>
    <div class="nav">
        <div class="container">
            <ul>
                <li>Register</li>
                <li>Schedule</li>
                <li>Sponsors</li>
                <li>About</li>
                <li>Contact</li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <img src="../resource/img/cloud.svg">
            <h2>The Innovation Cloud Conference</h2>
            <p>Connect with the best minds across a wide range of industries to share ideas and brainstorm new solutions to challenging problems.</p>
            <p>Hear industry leaders talk about what worked (and what didn't) so that you can save time on your most challenging projects.</p>
            <p>Learn about the latest research and technologies that you can use immediately to invent the future.</p>
        </div>
    </div>
    <div class="jumbotron">
        <div class="container">
            <h2>Stay Connected</h2>
            <p>Receive weekly insights from industry insiders.</p>
            <a class="btn-innovation" href="#">Join</a>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <p>@Innovation Cloud Conference</p>
        </div>
    </div>
</body>
</html>